<template>
    <!-- 导航栏 -->
   <div class="navbar-wrap main-menu d-none d-lg-flex">
                            <ul class="navigation">
                              <li :class="(pagemark==='/') ? 'active':''"><router-link to="/">主页</router-link></li>
                             <li  :class="(pagemark===nav.meta.pagemark) ? 'active':''" v-for="nav in navigationList" :key="nav.meta.id"><router-link :to="nav.path">{{ nav.meta.name}}</router-link></li>
                            </ul>
                        </div>
</template>

<script>
import { mapGetters, mapState } from 'vuex';
export default {
    computed:{
       
        ...mapState({
            pagemark:state=>state.routes.pagemark,
            navigationList:state=>state.routes.navigationList
        }),
    },
    created() {
        this.$store.dispatch('routes/axiosGetNavigationList') 
    },

    mounted() {
      
    },
}
</script>

<style>

</style>